/**
 * WMS样式变量定义
 * 基于Element Plus设计规范
 */

// WMS主题色彩
:root {
  // 主色调 - 仓库蓝
  --wms-color-primary: #409eff;
  --wms-color-primary-light-1: #53a8ff;
  --wms-color-primary-light-2: #66b1ff;
  --wms-color-primary-light-3: #79bbff;
  --wms-color-primary-light-4: #8cc5ff;
  --wms-color-primary-light-5: #a0cfff;
  --wms-color-primary-light-6: #b3d8ff;
  --wms-color-primary-light-7: #c6e2ff;
  --wms-color-primary-light-8: #d9ecff;
  --wms-color-primary-light-9: #ecf5ff;
  --wms-color-primary-dark-1: #337ecc;
  --wms-color-primary-dark-2: #2d70b3;
  
  // 功能色彩
  --wms-color-success: #67c23a;
  --wms-color-warning: #e6a23c;
  --wms-color-danger: #f56c6c;
  --wms-color-info: #909399;
  
  // 中性色彩
  --wms-color-text-primary: #303133;
  --wms-color-text-regular: #606266;
  --wms-color-text-secondary: #909399;
  --wms-color-text-placeholder: #a8abb2;
  --wms-color-text-disabled: #c0c4cc;
  
  // 边框色彩
  --wms-border-color-base: #dcdfe6;
  --wms-border-color-light: #e4e7ed;
  --wms-border-color-lighter: #ebeef5;
  --wms-border-color-extra-light: #f2f6fc;
  
  // 背景色彩
  --wms-bg-color-base: #f5f7fa;
  --wms-bg-color-light: #fafafa;
  --wms-bg-color-lighter: #ffffff;
  
  // 填充色彩
  --wms-fill-color-base: #f0f2f5;
  --wms-fill-color-light: #f5f7fa;
  --wms-fill-color-lighter: #fafafa;
  --wms-fill-color-extra-light: #fafcff;
  --wms-fill-color-blank: #ffffff;
  --wms-fill-color-dark: #ebedf0;
  --wms-fill-color-darker: #e6e8eb;
}

// 暗色主题
[data-theme='dark'] {
  // 主色调保持不变
  --wms-color-primary: #409eff;
  
  // 文本色彩
  --wms-color-text-primary: #e5eaf3;
  --wms-color-text-regular: #cfd3dc;
  --wms-color-text-secondary: #a3a6ad;
  --wms-color-text-placeholder: #8d9095;
  --wms-color-text-disabled: #6c6e72;
  
  // 边框色彩
  --wms-border-color-base: #4c4d4f;
  --wms-border-color-light: #414243;
  --wms-border-color-lighter: #363637;
  --wms-border-color-extra-light: #2b2b2c;
  
  // 背景色彩
  --wms-bg-color-base: #1d1e1f;
  --wms-bg-color-light: #141414;
  --wms-bg-color-lighter: #000000;
  
  // 填充色彩
  --wms-fill-color-base: #262727;
  --wms-fill-color-light: #1d1e1f;
  --wms-fill-color-lighter: #141414;
  --wms-fill-color-extra-light: #0d0d0d;
  --wms-fill-color-blank: #000000;
  --wms-fill-color-dark: #303030;
  --wms-fill-color-darker: #262727;
}

// WMS尺寸变量
:root {
  // 间距
  --wms-spacing-xs: 4px;
  --wms-spacing-sm: 8px;
  --wms-spacing-md: 12px;
  --wms-spacing-lg: 16px;
  --wms-spacing-xl: 20px;
  --wms-spacing-xxl: 24px;
  
  // 圆角
  --wms-border-radius-xs: 2px;
  --wms-border-radius-sm: 4px;
  --wms-border-radius-md: 6px;
  --wms-border-radius-lg: 8px;
  --wms-border-radius-xl: 12px;
  
  // 阴影
  --wms-box-shadow-light: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  --wms-box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12);
  --wms-box-shadow-dark: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.24);
  
  // 字体大小
  --wms-font-size-xs: 12px;
  --wms-font-size-sm: 13px;
  --wms-font-size-md: 14px;
  --wms-font-size-lg: 16px;
  --wms-font-size-xl: 18px;
  --wms-font-size-xxl: 20px;
  
  // 行高
  --wms-line-height-xs: 1.2;
  --wms-line-height-sm: 1.4;
  --wms-line-height-md: 1.5;
  --wms-line-height-lg: 1.6;
  --wms-line-height-xl: 1.8;
  
  // 字重
  --wms-font-weight-light: 300;
  --wms-font-weight-normal: 400;
  --wms-font-weight-medium: 500;
  --wms-font-weight-semibold: 600;
  --wms-font-weight-bold: 700;
}

// WMS组件尺寸
:root {
  // 表格
  --wms-table-header-height: 48px;
  --wms-table-row-height: 48px;
  --wms-table-cell-padding: 12px;
  
  // 表单
  --wms-form-item-height: 40px;
  --wms-form-item-margin: 20px;
  --wms-form-label-width: 100px;
  
  // 按钮
  --wms-button-height-sm: 28px;
  --wms-button-height-md: 32px;
  --wms-button-height-lg: 40px;
  --wms-button-padding-sm: 8px 12px;
  --wms-button-padding-md: 10px 16px;
  --wms-button-padding-lg: 12px 20px;
  
  // 输入框
  --wms-input-height-sm: 28px;
  --wms-input-height-md: 32px;
  --wms-input-height-lg: 40px;
  --wms-input-padding: 8px 12px;
  
  // 对话框
  --wms-dialog-width-sm: 400px;
  --wms-dialog-width-md: 600px;
  --wms-dialog-width-lg: 800px;
  --wms-dialog-width-xl: 1000px;
  
  // 抽屉
  --wms-drawer-width-sm: 300px;
  --wms-drawer-width-md: 400px;
  --wms-drawer-width-lg: 600px;
  
  // 卡片
  --wms-card-padding: 20px;
  --wms-card-header-height: 56px;
  --wms-card-footer-height: 56px;
}

// WMS状态色彩
:root {
  // 库存状态
  --wms-inventory-in-stock: var(--wms-color-success);
  --wms-inventory-low-stock: var(--wms-color-warning);
  --wms-inventory-out-stock: var(--wms-color-danger);
  --wms-inventory-reserved: var(--wms-color-info);
  
  // 订单状态
  --wms-order-draft: #909399;
  --wms-order-pending: #e6a23c;
  --wms-order-processing: #409eff;
  --wms-order-completed: #67c23a;
  --wms-order-cancelled: #f56c6c;
  
  // 商品状态
  --wms-item-active: var(--wms-color-success);
  --wms-item-inactive: var(--wms-color-info);
  --wms-item-discontinued: var(--wms-color-danger);
  
  // 仓库状态
  --wms-warehouse-active: var(--wms-color-success);
  --wms-warehouse-inactive: var(--wms-color-info);
  --wms-warehouse-maintenance: var(--wms-color-warning);
}

// WMS动画变量
:root {
  // 过渡时间
  --wms-transition-duration-fast: 0.15s;
  --wms-transition-duration-base: 0.3s;
  --wms-transition-duration-slow: 0.5s;
  
  // 缓动函数
  --wms-transition-ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --wms-transition-ease-out: cubic-bezier(0, 0.55, 0.45, 1);
  --wms-transition-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  
  // 常用过渡
  --wms-transition-all: all var(--wms-transition-duration-base) var(--wms-transition-ease-in-out);
  --wms-transition-fade: opacity var(--wms-transition-duration-base) var(--wms-transition-ease-in-out);
  --wms-transition-slide: transform var(--wms-transition-duration-base) var(--wms-transition-ease-in-out);
}

// WMS响应式断点
$wms-breakpoints: (
  xs: 480px,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1600px
);

// WMS Z-index层级
:root {
  --wms-z-index-base: 1;
  --wms-z-index-dropdown: 1000;
  --wms-z-index-sticky: 1020;
  --wms-z-index-fixed: 1030;
  --wms-z-index-modal-backdrop: 1040;
  --wms-z-index-modal: 1050;
  --wms-z-index-popover: 1060;
  --wms-z-index-tooltip: 1070;
  --wms-z-index-top: 1080;
}
